@import "compass/css3";

body {
 -moz-user-select:none;
} 

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.cal_container{
	margin:0px auto;
	position:relative;
	/*margin:0;*/
	padding:0;
	z-index: 5000;
	/*width:540px;
	background: url(../images/calBg.png) repeat-y;*/
}
.cal_container div{
	margin:0;
	padding:0;
}
.cal_header{
	/*background: url(../images/header.png) no-repeat;
	width:540px;*/
	height:50px;
}
.cal_content{
	/*background: url(../images/calendarBg_5.png) no-repeat;*/
	/*width:540px;*/
	height:365px;
	
}
.cal_footer{

	background: url(../images/rl_footer.png) no-repeat;
	width:100%;
	height:9px;
}
/* For calendar body */
.cal_table{
	height: 312px;
	border-left: 1px solid #f6f0eb;
	border-collapse:collapse;
	border-spacing:0;
    /*width: 497px;*/
    /*margin-left:21px;
	width:100%;*/
	/*margin-left:3px;
	height:100%;
	border-right:1px solid #C2C2C2;
	border-bottom:1px solid #C2C2C2;
	border-left:1px solid #C2C2C2;*/
}
.cal_thead{
	text-align:center;
	height:32px;
/*	background: url(../images/cal_header.png) repeat-y;*/
	line-height:32px;
	color:#5d584f;
	font-size:12px;
}
.cal_table th{
	background: #FDFBF9;
	text-align: center;
	border: 1px solid #f6f0eb;
	padding-right:10px;
	margin:0;
	padding:0;
	/*border-right:1px #c2c2c2 solid;*/
}
.cal_table td{
/*	border-top:1px #c2c2c2 solid;
	border-left:1px #c2c2c2 solid;*/
	border: 1px solid #f6f0eb;
	cursor:pointer;
	margin:0;
	padding:0;
}
.cal_month_body{
	height:100%;
	width:100%;
	font-size:18px;
	position:relative;
	/*background-color:#f9f9fa;*/
}
.cal_before .cal_month_body{
	color:#ccc;
/*	background-color:#fafafb;*/
}
.cal_before .cal_month_body{
	color:#ccc;
	/*background-color:#fafafb;*/
}
.cal_after .cal_month_body{
	color:#ccc;
/*	background-color:#fafafb;*/
}
 .cal_week {
/*	background-color:#f1f1f2;*/
}
.cal_after .cal_week {
/*	background-color:#f1f1f2;*/
}
.cal_now .cal_month_body{

	position:relative;
	background-image: url(../images/grid_today.png);
	background-repeat:no-repeat;
/*background:url(../images/grid_today.png) no-repeat 30px  bottom ;*/
/*background-size: contain;cover*/
background-size: 98% 98%;
}
#cal_table .cal_num_day{
	font-size: 20px;
	position:absolute;
	right:10px;
	bottom:20px;
}
#cal_table .workN{
	font-size:12px;
	position:absolute;
	width:20px;
	height:18px;
	top:0px;
	left:0px;
	text-align:center;
	line-height:18px;
	color:#fff;
	background-color:#a9a9a9;

}
#cal_table .rest{
	font-size:12px;
	position:absolute;
	width:20px;
	height:18px;
	top:0px;
	left:0px;
	text-align:center;
	line-height:18px;
	color:#fff;
	background-color:#6292c8;
}
.cal_lunar_day{
	position:absolute;
	right:10px;
	bottom:3px;
	font-size:12px;
	color:#808080;
}
.cal_after .cal_lunar_day{
	color:#ccc;
}
.cal_before .cal_lunar_day{
	color:#ccc;
}
 .cal_now  .cal_lunar_day{
	color:#808080;
 }
/* day Selector*/

.day_select{
	position:absolute;
	left:5px;
}
#day_select ul li{
	margin:0;
	padding:0;
	float:left;
	/*font-size:14px;*/
	/*color:white;*/
	margin-top:1px;
	list-style:none;
}
#day_select .prev_btn{
	cursor:pointer;
	margin-left:10px;
	margin-top:1px;

}
#day_select .cal_year{
	width:30px;	
	margin-left:10px;
	cursor:pointer;
}
#day_select .sel_btn{
	width:18px;
	height:8px;
	margin-top:5px;
	margin-right:3px;
	background:url(../images/year_sel.png) no-repeat;
	_background:url(../images/year_sel.gif) no-repeat;
	cursor:pointer;
}
#day_select .cal_month{
	width:30px;
	text-align:center;
	cursor:pointer;
	height:18px;
	line-height:18px;
}
#day_select .next_btn{
	margin-left:8px;
	cursor:pointer;
	margin-top:1px;
}
#festival_sel_btn{
	width:24px;
	background:url(../images/festival_sel_btn.png) no-repeat;
	height:16px;
	cursor:pointer;
	position:absolute;
	top:5px;
	right:10px;
}

/*#cal_header .cal_today_btn{
	float:right;
	width:65px;
	height:26px;
	background:url(../images/cal_today_btn.png) no-repeat;
	margin:35px 20px 0px 0px;
	cursor:pointer;
}*/
#cal_header .lunar_Info{
	/*float:left;*/
	margin-left: 8px;
	height:30px;
	line-height: 30px;
	/*margin: 38px 0 0 170px;*/
	/*display:inline;*/
	/*color:white;*/
	/*text-align: center;*/
	font-size:20px;
	/*line-height:23px;*/
}
#day_select .month_selected{
    color:#868382;
	background:url(../images/sel_month.png) no-repeat;
	_background:url(../images/sel_month.gif) no-repeat;
	font-weight:bold;
	width:40px;
	height:18px;
}



/************************hl——detail**********************************/
#detailDialog{
	position:absolute;
	z-index:10;
	
	
	/*background:url(../images/detail_dialog.png) no-repeat;*/
	display:none;
	width:307px;
	cursor:pointer;
}
#detail_header{
	height:23px;
	width:307px;	
}
.detail_top_normal{
	background:url(../images/detail_top_normal.gif) no-repeat;
}
.detail_top_left{
	background:url(../images/detail_top_left.gif) no-repeat;
}
.detail_top_right{
	background:url(../images/detail_top_right.gif) no-repeat;
}
#leftContent{
	background:url(../images/detail_day_d.gif) repeat-y;
}
#detail_footer{
	height:23px;
	width:307px;
}
.detail_down_normal{
	background:url(../images/detail_down_normal.gif) no-repeat;
}
.detail_down_right{
	background:url(../images/detail_down_right.gif) no-repeat;
	background-position:1px 0px;
}
.detail_down_left{
	background:url(../images/detail_down_left.gif) no-repeat;
}
#detailDialog .hl_num_left{
	font-size:40px;
	margin:0px 0px 0px 8px;
	width:60px;
	text-align:center;
	font-weight:bold;
	color:#524f4d;
	display:inline;
	float:left;
}
#detailDialog .hl_dayInfo{
	font-size:14px;
	
	font-weight:bold;
	
	color:#616163;
}
#detailDialog .header_right{
	float:left;
	display:inline;
	margin-left:14px;
	margin-top:2px;
}
#detailDialog .hl_week{
	font-size:12px;
	width:100px;
	text-align:center;
	margin-left:12px;
	color:#878789;
}

#leftContent{
	width:100%;
}
#rightContent{
	background:url(../images/detail_jiyi.gif)  repeat-y;
	background-position:left bottom;
	width:100%;
	
}
#rightContent .hl_h_lunar{
	color:#828181;
	width:225px;
	margin-top:25px;
	text-align:center;
}
#leftContent .detail_lunar{
	color:#666565;
	font-size:12px;
	margin-top:5px;
}
#rightContent .hl_h_lunar_detail{
	color:#666;
	width:225px;
	margin-top:5px;
	font-size:12px;
	text-align:center;
}
#hl_yi{
	margin:0px;
}
#hl_ji{
	margin-top:2px;
}
#hl_yi .hl_yi{
	width:42px;
	height:21px;
	float:left;
	margin-left:20px;
	display:inline;
	margin-top:7px;
	background:url(../images/yi.png) no-repeat;
}
#hl_ji .hl_ji{
	width:42px;
	height:21px;
	float:left;
	margin-left:20px;
	display:inline;
	margin-top:5px;
	background:url(../images/ji.png) no-repeat;
	
}
#hl_yi_detail{
	float:left;
	width:210px;
	line-height:20px;
	display:inline;
	font-size:12px;
	color:#9a9a9a;
	margin-left:14px;
	margin-top:5px;
}
#hl_ji_detail{
	float:left;
	width:210px;
	display:inline;
	line-height:20px;
	font-size:12px;
	color:#9a9a9a;
	margin-left:14px;
	margin-top:5px;
}
#open_sel_div{
	position:absolute;
	height:212px;
	overflow-y:auto;
	overflow-x:hidden;
	width:62px;
	/*background:url(../images/open_sel_box.png) repeat-y;*/
	_background:url(../images/open_sel_box.gif) repeat-y;
	top:70px;
	left:43px;
	display:none;
}
#festival_sel_div{
	position:absolute;
	height:212px;
	overflow-y:auto;
	overflow-x:hidden;
	width:62px;
	/*background:url(../images/open_sel_box.png) repeat-y;*/
	_background:url(../images/open_sel_box.gif) repeat-y;
	top:40px;
	left:58px;
	display:none;
}
#festival_sel_body div{
	width:98%;
	color:#898484;
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
	line-height:22px;
}
#festival_sel_body{
	height:180px;
	width:55px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-top:25px;
	font-size:10px;
	margin-left:4px;
	cursor:pointer;
}
#sel_body div{
	width:38px;
	text-align:center;
	color:#999;
	font-size:12px;
}
#sel_body{
	height:180px;
	width:55px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-top:25px;
	font-size:10px;
	margin-left:4px;
	cursor:pointer;
}
.year_bg{
	background-color:#ccc;
}
.grid_bg{
	background-color:#fffab0;
}
#festival_sel{
	background:url(../images/festival_sel.png) no-repeat;
	width:113px;
	height:24px;
	position:absolute;
	top:35px;
	left:22px;
}
#prev_btn, #next_btn, .cal_today_btn
{
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	background-image: url(../images/btn.png);
	border:1px solid #865d18;
	font-size: 14px;
	/*color: #493413;*/
	color: #FFFFFF;
	text-align: center;
	text-shadow: 0px 1px 1px #D5B67C;
	cursor: pointer;
}

#prev_btn
{
	width: 26px;
	margin-left: 5px;
}
#next_btn
{
	width: 26px;
	margin-left: 5px;
}
#day_select .cal_today_btn
{
	font-size:14px;
	width: 35px;
	margin-left: 15px;
	float:right;
}

body .jqmWindow {
    display: none;
    
    position:fixed;
    top: 0px;
    left: 0px;
    
    margin: 0px;
	padding: 0px;
    width: 100%;
  z-index: 9999999999999;
    background-color: #FFF;
    color: #333;
    border: 0px;
	height:100%;
	/*min-height: 420px;*/
   
}
/*
body {
	width: 100%;
	height:100%;
	min-height: 420px;
	margin: 0px;
	padding: 0px;
}*/